﻿@import url('https://truyengicungco.googlecode.com/svn/trunk/Fonts/Palatino.ttf');
@charset "utf-8";
/* CSS Document */

::selection {
	color: #fff;
	background: #333;
}

body {
	/*font-family: Tahoma, Geneva, sans-serif;	font-size: 90%;*/
	font-family:'Palatino';font-size:1em;
	background: url('https://lh5.googleusercontent.com/-1o0P0reUol8/U-3SJkXFa2I/AAAAAAAAAQM/YUzzHPyH8sw/s2599/bg_body.jpg') center top repeat-y;
}

body, ul, li, ol, p, h1, h2, h3, h4, h5, h6, table, th, tr, td {
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 24px;
	line-height: 1.6;
	color: #333;
	font-weight: bold;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #e22c14;
}

.clear {
	clear: both;
	height: 0;
	display: block;
}

.clear_fix:after {
	clear: both;
	height: 0;
	display: block;
	content: "";
}

.wrap {
	max-width: 1160px;
	width:100%;
	margin: 0 auto;
	position: relative;
}

.wrap_content {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

.top {
	display: block;
	float: left;
	width: 100%;
	padding: 222px 0 0 0;
	background: url('https://lh5.googleusercontent.com/-O39IBqDuaIM/U-3SN1WgXcI/AAAAAAAAAQI/TLkPXv7J4LA/s1920/bg_top.jpg') center top no-repeat;
}

.menu_top {
	float: left;
	display: block;
	max-width: 970px;
	width:100%;
	height: 42px;
	padding: 42px 95px 14px 95px;
	background: url('https://lh4.googleusercontent.com/-6LvRcoEQkxw/U-3SLuCwkcI/AAAAAAAAANA/i0uD-3geLXc/s1160/bg_menu.png') left top no-repeat;
	position: relative;
	margin: -42px 0 0 0;
}

.tag_mxh {
	display: block;
	width: 143px;
	height: 57px;
	position: absolute;
	top: -21px;
	left: 80px;
}

.tag_mxh a {
	float: left;
	display: block;
	width: 71px;
	height: 57px;

}

.lk_fb {
	background: url('https://lh6.googleusercontent.com/-KaK-w6r7f58/U-3SSZ5XjgI/AAAAAAAAAO8/Gfz9TljHobE/s143/ic_social.png') 0 0 no-repeat;
}
.lk_fb:hover {
	background: url('https://lh6.googleusercontent.com/-KaK-w6r7f58/U-3SSZ5XjgI/AAAAAAAAAO8/Gfz9TljHobE/s143/ic_social.png') 0 -57px no-repeat;
}


.lk_gg {
	background: url('https://lh6.googleusercontent.com/-KaK-w6r7f58/U-3SSZ5XjgI/AAAAAAAAAO8/Gfz9TljHobE/s143/ic_social.png') -71px 0 no-repeat;
}
.lk_gg:hover {
	background: url('https://lh6.googleusercontent.com/-KaK-w6r7f58/U-3SSZ5XjgI/AAAAAAAAAO8/Gfz9TljHobE/s143/ic_social.png') -71px -57px no-repeat;
}

/*sort menu*/
.sb-toggle-left {display: none;width: 58px;float: left;padding: 14px;}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {cursor: pointer;}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {cursor: pointer;}
.navicon-line {width: 24px;height: 4px;border-radius: 1px;margin-bottom: 3px;background-color: #fff;}
.sb-slidebar{display: none;position: absolute;z-index: 99;margin-top: 35px;background-color: #222222;min-width: 140px;border-radius: 6px;}
.sb-slidebar ul{padding: 0;margin: 0;list-style-type: none;}
.sb-slidebar ul > li:first-child {border-top: none;}
.sb-slidebar ul li {width: 100%;padding: 0;margin: 0;border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);text-indent: 5px;}
.sb-slidebar ul li a {border-left: 3px solid transparent;width: 100%;display: inline-block;padding: 1em 0;color: #f2f2f2;font-weight: bold;}
.sb-slidebar ul a {color: #FF3971;text-decoration: none;}
/**/

.nd_menu_top {
float: left;
display: block;
max-width: 590px;
width: 75%;
list-style: none;
}

.nd_menu_top li {
	float: left;
	display: block;
	padding: 0 5px 0 0;
	background: url('https://lh3.googleusercontent.com/-t85A8Hov_A8/U-3SKgO7s2I/AAAAAAAAAMk/VO0Vn_0H3g4/s42/bg_li1.jpg') right top no-repeat;
}
.nd_menu_top li.home{padding-left: 5px;padding-right: 3px;}
.nd_menu_top li.home img{margin-right: 5px;cursor: pointer;}

.nd_menu_top li a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 100%;
	line-height: 42px;
	padding: 0 14px;
	font-weight: bold;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.nd_menu_top li a:hover {
	background: url('https://lh5.googleusercontent.com/-rRiOS0HDK-4/U-3SM9zIbLI/AAAAAAAAANs/Aaf-Pj1H_tI/bg_menu_hover.jpg') left top repeat-x;
}

.nd_menu_top li:active,
.chon_mtop {
	background: url('https://lh5.googleusercontent.com/-rRiOS0HDK-4/U-3SM9zIbLI/AAAAAAAAANs/Aaf-Pj1H_tI/bg_menu_hover.jpg') left top repeat-x !important;
}

.option {
	float: right;
	display: block;
	width: 30%;
    margin-right: 1%;
    min-width: 265px;
	position: relative;
}

.ic_option {
	float: right;
	display: inline-block;
	height: 42px;
	margin: 0 0 0 20px;
}

.search {
	float: right;
	display: block;
	position: relative;
	background-color: #4c1107;
	border: 1px solid #89371e;
	border-radius: 5px;
	box-shadow: inset 0 0 5px #3f0e06;
	margin: 5px 0 0 0;
} 

.nd_tk {
	float: right;
	display: block;
	background-color: transparent;
	border: none;
	outline: none;
	width: 130px;
	color: #f06841;
	font-size: 13px;
	padding: 3px 22px 3px 5px;
	line-height: 26px;
    height: 31px;
}

.btn_tk {
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -8px;
	background: url('https://lh3.googleusercontent.com/-JGjfcKCJ_wo/U-3SRfTYegI/AAAAAAAAAP4/a2KNahQJEII/ic_search.gif') center center no-repeat;
	border: none;
	outline: none;
}

.content {
	float: left;
	display: block;
	width: 100%;
}

.moi_nhat {
	float: left;
	display: block;
	width: 100%;
	background: url('https://lh6.googleusercontent.com/--BTJTp57VLk/U-3pbsyCXTI/AAAAAAAAAQk/xX_2l3RSiBQ/s1505/bg_moinhat.jpg') center bottom no-repeat;
	margin: 20px 0 0 0;
}

.tit_cate {
	float: left;
	display: block;
	width: 100%;
	font-size: 30px;
	color: #4c1107;
}

.truyen_moi {
	float: left;
	display: block;
	width: 100%;
	margin: 20px 0 0 0;
	position: relative;
}

.new_arr_left, .new_arr_right,.hot_arr_left, .hot_arr_right {
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	z-index: 9;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}

.new_arr_left,.hot_arr_left {
	left: -20px;
	background: url('https://lh3.googleusercontent.com/-9N-VyV3Uv9Y/U-3SHwASWdI/AAAAAAAAAQM/gysFOfEq9n8/ar3.png') center center no-repeat;
}
.new_arr_left:hover ,.hot_arr_left:hover {
	background: url('https://lh4.googleusercontent.com/-vJ1Td1UejQk/U-3SIAQazlI/AAAAAAAAAQM/XNxawUid6tc/ar3_hover.png') center center no-repeat;
}

.new_arr_right,.hot_arr_right {
	right: -20px;
	background: url('https://lh6.googleusercontent.com/-TnSYPo3bN5Y/U-3SIeTTaXI/AAAAAAAAAQM/TtDAPk4886I/ar4.png') center center no-repeat;
}
.new_arr_right:hover,.hot_arr_right:hover {
	background: url('https://lh6.googleusercontent.com/-Pm0KD79AvdQ/U-3SJMMMOeI/AAAAAAAAAQM/FdoP3Qk7sUg/ar4_hover.png') center center no-repeat;
}


.truyen_moi ul {
	width: 100%;
	height: 311px;
	list-style: none;
	text-align: center;
	overflow: hidden;
}

.truyen_moi ul, .truyen_moi li, .truyen_moi ul li a {
	position: relative;
	display: block;
}

.truyen_moi ul li {
	width: 262px;
	height: 272px;
	padding: 20px 21px 19px 21px;
	background: url('https://lh6.googleusercontent.com/-D-q6qn2G6pQ/U-3SK6jxiQI/AAAAAAAAAM4/7nGTb2VFKaY/bg_li2.png') center bottom no-repeat;
	margin: 0 5px;
	display: inline-block;
	overflow: hidden;
}

.new_thumb {
	display: block;
	width: 260px;
	height: 145px;
	border: 1px solid #af8a58;
	position: relative;
}

.tag_truyen {
	display: block;
	width: 48px;
	height: 15px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.new_tit {
	width: 100%;
	padding: 0 10px;
	margin: 10px 0;
	font-size: 120%;
	font-weight: bold;
	color: #000;
	line-height: 20px;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: left;
}
.new_tit:hover {
	color:#e22c14;
}

.truyen_moi ul li p {
	display: block;
	width: 100%;
	padding: 0 10px;
	font-size: 90%;
	line-height: 20px;
	color: #000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: left;
}

.new_view {
	display: block;
	width: 100%;
	height: 18px;
	position: absolute;
	bottom: 20px;
	left: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 32px;
}

.sl_view {
	float: left;
	display: block;
	padding: 0 0 0 23px;
	background: url('https://lh5.googleusercontent.com/-IjsxcNnsBHE/U-3STFhPzYI/AAAAAAAAAPM/A_rgxKt9U3g/ic_view.png') left center no-repeat;
	color: #e22c14;
	font-size: 80%;
}

.new_date {
	float: left;
	display: block;
	color: #b28d57;
	font-size: 90%;
	margin: 0 0 0 15px;
}

.ic_frog {
	display: block;
	width: 131px;
	height: 128px;
	position: absolute;
	right: -85px;
	bottom: -37px;
	z-index: 9;
}

.hot_nhat {
	float: left;
	display: block;
	width: 100%;
	background: url('https://lh3.googleusercontent.com/-Cje2gbYMGGU/U-3SKC6584I/AAAAAAAAAMo/EFbkoYSHdb8/s1505/bg_content1.png') center top no-repeat;
	padding: 44px 0 34px 0;
	margin: -23px 0 0 0;
}

.chuyen_muc {
	float: left;
	display: block;
	width: 100%;
	padding: 44px 0 0 0;
}

/*.hot_nhat:after {
	content: "";
	background: url('https://lh3.googleusercontent.com/-nyplNMkBeBU/U-3SKZFIsmI/AAAAAAAAAMY/lT3Xjdf7qM4/s1505/bg_content2.png') center top no-repeat;
	position: absolute;
	right: 0;
	left: 0;
	height: 68px;
}*/

.hot_pt {position: absolute;top: 25px;right: 20px;}

.hot_pt a {
    float: left;
	display: block;
	width: 28px;
	height: 28px;
	background: url('https://lh4.googleusercontent.com/-3Sc5Rey9jAI/U-3SPxwv1pI/AAAAAAAAAOQ/2b8i5HMru9g/ic_kimcuong.png') center center no-repeat;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.hot_pt a:hover, .hot_pt_chon {
	background: url('https://lh6.googleusercontent.com/-i_muWkutwGc/U-3SQavvwjI/AAAAAAAAAOU/nk_yPinWFo8/ic_kimcuong_hover.png') center center no-repeat !important;
}

.list_hot {
	float: left;
	display: block;
	width: 100%;
	height: 195px;
	list-style: none;
	margin: 13px 0 0 0;
	text-align: center;
	overflow: hidden;
}

.list_hot li {
    float: left;
	display: inline-block;
	width: 145px;
	height: 195px;
	position: relative;
	margin: 0 8px;
}

.hot_thumb {
	display: block;
	width: 143px;
	height: 128px;
	border: 1px solid #c6ad80;
	position: relative;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.hot_thumb:hover {
	border: 1px solid #e22c14;
}

.hot_tit {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 90%;
	color: #000;
	line-height: 18px;
	margin: 5px 0 0 0;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	overflow: hidden;height: 35px;text-align:center;
	font-weight:bold;
}
.hot_tit:hover {
	color: #e22c14;
}

.hot_view {
	display: block;
	width: 100%;
	height: 18px;
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.sl_view {
	float: left;
	display: block;
	padding: 0 0 0 23px;
	background: url('https://lh5.googleusercontent.com/-IjsxcNnsBHE/U-3STFhPzYI/AAAAAAAAAPM/A_rgxKt9U3g/ic_view.png') left center no-repeat;
	color: #e22c14;
	font-size: 80%;
}

.hot_date {
	float: left;
	display: block;
	color: #666;
	font-size: 80%;
	margin: 0 0 0 15px;
    white-space: nowrap;
}

.dang_doc {
	float: left;
	display: block;
	width: 100%;
	background: url('https://lh3.googleusercontent.com/-Cje2gbYMGGU/U-3SKC6584I/AAAAAAAAAMo/EFbkoYSHdb8/s1505/bg_content1.png') center top no-repeat;
	padding: 44px 0 34px 0;
	margin: -23px 0 0 0;
}

.dang_doc:after {
	content: "";
	background: url('https://lh3.googleusercontent.com/-nyplNMkBeBU/U-3SKZFIsmI/AAAAAAAAAMY/lT3Xjdf7qM4/s1505/bg_content2.png') center top no-repeat;
	position: absolute;
	right: 0;
	left: 0;
	height: 68px;
}

.l_dangdoc {
	float: left;
	display: block;
	max-width: 656px;
    width: 100%;
	margin-right: 24px;
}

.list_dangdoc {
	float: left;
	display: block;
	width: 100%;
	list-style: none;
	margin: 13px 0 0 0;
	text-align: center;
}

.list_dangdoc li {
	display: block;
	float: left;
	width: 145px;
	height: 195px;
	position: relative;
	margin: 0 0 20px 19px;
}

.tit_dangoc {
	float: left;
	display: block;
	width: 100%;
	height: 69px;
	line-height: 69px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 0 0 79px;	
	font-size: 30px;
	color: #4c1107;
	background: url('https://lh4.googleusercontent.com/--rOc83UM6LA/U-3SOjQsfiI/AAAAAAAAAOE/o0-l3w3xAUk/ic_dangdoc.png') left center no-repeat;
}

.pt_truyen {
	display: block;
	width: 100%;
}

.pt_truyen a {
	display: block;
	padding: 0;
	height: 24px;
    margin: 0;
	padding: 0 9px;
	height: 24px;
	line-height: 1.5;
	font-size: 80%;
}

.pt_truyen a:hover {
	color: #daa442;
	text-decoration: underline;
}

.r_dangdoc {
	float: left;
	display: block;
	width: 320px;
	position: relative;
}

.tit_thugian {
	float: left;
	display: block;
	width: 100%;
	height: 69px;
	line-height: 69px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 0 0 79px;
	font-size: 30px;
	color: #4c1107;
	background: url('https://lh3.googleusercontent.com/-b7swSPMbLrA/U-3SSv_TwXI/AAAAAAAAAP0/m_Ff1MbGgQU/ic_thugian.png') left center no-repeat;
}

.thu_gian {
	float: left;
	display: block;
	width: 100%;	
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-top: 1px solid #d4bc90;
	border-bottom: 1px solid #d4bc90;
	background: url('https://lh5.googleusercontent.com/-fE8rOHB8BVA/U-3SNpTVTOI/AAAAAAAAANc/hu8PgSeIslo/bg_thugian.png');
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 13px 0 0 0;
}

.thu_gian ul {
	float: left;
	display: block;
	width: 100%;
	list-style: none;
	position: relative;
}

.thu_gian ul li {
	position: absolute;
	display: block;
	width: 150px;
	margin: 5px;
}

.thu_gian a {
	display: inline-block;
}

.funy_clip {
	float: left;
	display: block;
	margin: 40px 0 0 0;
	width: 100%;
	height: 154px;
	background: url('https://lh6.googleusercontent.com/-xb1Q4M1CTiw/U-3rG8oRslI/AAAAAAAAAQw/2WI2S2igxAE/s1920/bg_funyClip.png') center top no-repeat;
	padding: 80px 0 15px 0;
}

.funy_clip ul {
	float: left;
	display: block;
	width: 100%;
	height: 118px;
	list-style: none;
	overflow: hidden;
	text-align: center;
}

.funy_clip li {
	display: inline-block;
	width: 199px;
	height: 107px;
	padding: 6px 6px 5px 5px;
	background: url('https://lh3.googleusercontent.com/-APuCav_lusw/U-3SLVTw3EI/AAAAAAAAAMs/A8TtyGFKkkA/bg_li3.png') center top no-repeat;
	position: relative;
	margin: 0 10px;
}

.funy_clip li a {
	display: block;
	text-align: center;
}

.ic_play {
	position: absolute;
	width: 199px;
	height: 107px;
	top: 6px;
	left: 5px;
	background: url('https://lh4.googleusercontent.com/-s7lqKaJAOpw/U-3SQlgEMPI/AAAAAAAAAOc/LFamZOC2KtU/ic_play.png') center center no-repeat;
	z-index: 2;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.ic_play:hover {
	background: url('https://lh3.googleusercontent.com/-bG-Wtptw15A/U-3SRLF1Q-I/AAAAAAAAAPw/5Ruc2yVtlLs/ic_play_hover.png') center center no-repeat;
}

.chia_se {
    position: absolute;
    z-index: 9;
    bottom: 0;
    height: 180px;
}

/* CSS footer */
.footer {
	float: left;
	display: block;
	width: 100%;
	height: 231px;
	background: url('https://lh6.googleusercontent.com/-FMhoCliZbU4/U-3SSDKE0jI/AAAAAAAAAPA/ZBHlsYQ5Wio/s667/bg_footer.jpg') left top repeat-x;
	position: relative;
	margin: 60px 0 0 0;
}

.tit_truyen {
	display: block;
    width: 100%;
	max-width: 357px;    
	height: 83px;
	/*
	position: absolute;
	left: 50%;
	top: -48px;
	*/
	margin:0 auto;
	margin-top: -50px;
}

.nd_footer {
	display: block;
	width: 100%;
	text-align: center;
	margin: 50px 0 0 0;
}

.copy_right {
	float: left;
	display: block;
	width: 25%;
	color: #502e06;
	font-size: 80%;
	text-transform: uppercase;
}

.f_menu {
	display: block;
	width: 50%;
	text-align: center;
	float: left;
}

.f_menu a {
	color: #fff;
	display: inline-block;
	margin: 0 10px;
	text-transform: uppercase;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.f_menu a:hover {
	color: #f5ad49;
}

.link_lket {
	float: left;
	display: block;
	width: 25%;
	text-align: right;
}
.link_lket:after {
	height: 0;
	display: block;
	content: "";
	clear: both;
}

.link_lket a {
	float: right;
	margin: 0 0 0 10px;
	font-size: 80%;
	color: #502e06;
	text-transform: uppercase;
}
.link_lket a:hover {
	text-decoration: underline;
}

.f_logo {
	float: left;
	display: block;
	width: 100%;
	margin: 40px 0 0 0;
}

.f_logo p{
	float: right;
	display: block;
	color: #777;
	font-size: 80%;
	line-height: 18px;
}

.logo_teen {
	float: right;
	margin: 0 15px 0 0;
}

#toTop {
    display: none;
	position: fixed;
	right: 90px;
	bottom: 10px;	
	width: 99px;
	height: 84px;
	background: url('https://lh6.googleusercontent.com/-IqJwNSHLDtY/U-3STVn7j0I/AAAAAAAAAPg/ZZZ9eEOAIBg/spider.png') center center no-repeat;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	cursor: pointer;
	z-index: 99;
}

/* CSS HOT */
.nav {
	float: left;
	display: block;
	width: 100%;
	list-style:  none;
}

.nav li {
	float: left;
	display: block;
	margin: 0 5px 0 0;
}

.nav li a {
	display: block;
	height: 36px;
	line-height: 36px;
	background: url('https://lh3.googleusercontent.com/-vjKP16wZXEc/U-3SHSe0XQI/AAAAAAAAALk/JaZ_k72BqBQ/ar1.gif') no-repeat 0 -89px;
	font-weight: bold;
	padding: 0 0 0 20px;
}
.nav li a:hover {
	text-decoration: underline;
}

.nav li:last-child a {
	color: #233a6e !important;
}

.nav li:first-child a {
	padding: 0;
	background: none;
}

.comment {
	float: left;
	display: block;
	width: 100%;
	margin: 30px 0 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 0 0 19px;
}

.nd_cm {
	display: block;
	width: 100%;
	float: left;
}

/* CSS trang gioithieu */

.gioi_thieu {
	float: left;
	display: block;
	width: 100%;
}


.share {
	float: left;
	display: block;
	width: 100%;
	margin: 10px 0 0 0;
}

.ttin_truyen {
	float: left;
	display: block;
	width: 100%;
	margin: 10px 0 0 0;
    position: relative;
}

.ttin_truyen ul {
	float: left;
	display: block;
	width: 99%;
    max-width: 345px;
	list-style: none;
    margin-left: 1%;
}

.ttin_truyen ul li {
	float: left;
	display: block;
	width: 100%;
	color: #000;
	margin: 5px 0;
}

.ttin_truyen ul li span {
	display: block;
	color: #000;
}

.ttin_truyen ul li a:hover {
	text-decoration: underline;
}
.ttin_truyen ul li.btn{ width: auto;margin-right: 10px;}
.ttin_truyen ul li.btn a {
    padding: 8px 16px;
    padding: .5rem 1rem;
    border-radius: 8px;
    border-radius: .5rem;
    display: block;    
    background-color: #dec79b;
}
.ttin_truyen ul li.btn a:hover {
    background-color: #e22c14;
}
.ttin_truyen ul li.btn a span {
    color: #e22c14;
}.ttin_truyen ul li.btn a:hover span {
    color: #fff;
}

.danh_gia {
	float: left;
	display: block;
	width: 40%;
}

.nd_danh_gia {
	float: right;
	display: block;
}

.nd_gt {
	display: block;
}

.nd_gt p {
	display: block;
	font-size: 100%;
	line-height: 1.5;
	vertical-align: top;
	margin: 0 0 20px 0;
	word-wrap: break-word;
	text-align: justify;
	color: #333;
    padding: 10px;
}
.nd_gt hr.filigree {
    width: 300px;
    height: 50px;
    background: url('https://lh4.googleusercontent.com/-GVFx5qf7jwU/U-3SOY1R2EI/AAAAAAAAAN0/1YCW5dsrAAs/filigree.png') center center no-repeat;
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}
/*
.nd_gt img {
	float: right;
	margin: 0 0 10px 20px;
}
    */
.tim_trang {
	display: block;
max-width: 420px;
margin: 0 auto;
}

.tim_trang ul {
	float: left;
	display: block;
	width: 100%;
	list-style: none;
    margin: 20px 0;
}

.tim_trang ul li {
	float: left;
	display: block;
}

.tim_trang ul li a {
	display: block;
	text-decoration: underline;
	color: #4c1107;
	font-weight: bold;
	line-height: 26px;
}

.tim_trang ul li label {
	display: block;
	color: #333;
	font-weight: bold;
	font-size: 90%;
	float: left;
	height: 26px;
	line-height: 26px;
    white-space: nowrap;
}

.tim_trang ul li input {
	display: block;
	float: left;
	outline: none;
	width: 80px;
	color: #f06841;
	font-size: 13px;
	padding: 3px 22px 3px 5px;
	line-height: 18px;
	border: 1px solid #89371e;
	background-color: #4c1107;
	border-radius: 5px;
	box-shadow: inset 0 0 5px #3f0e06;
	margin: 0 0 0 5px;
}

.tim_trang ul li select {
	display: block;
	float: left;
	outline: none;
	width: 56px;
	color: #f06841;
	font-size: 13px;
	padding: 2px 0 2px 0;
	line-height: 18px;
	border: 1px solid #89371e;
	background: url('https://lh5.googleusercontent.com/--smF9PWNLfo/U-3SJSLOIcI/AAAAAAAAAQM/LGOPeCj_1RQ/ar5.png') 38px center no-repeat #4c1107;
	border-radius: 5px;
	box-shadow: inset 0 0 5px #3f0e06;
	margin: 0 0 0 5px;
	appearance: none;
	-webkit-appearance: none;
	text-overflow: "";
	text-indent: 0.01px;
}

.ds_chuong {
	float: left;
	display: block;
	width: 100%;
	margin: 20px 0 0 0;    
}

.ds_chuong table {
	width: 98%;margin: 0 auto;
	border-collapse: collapse;
}

.ds_chuong table th, .ds_chuong table td {
	color: #333;
	text-align: center;
	padding: 7px 10px;
	border: 1px solid #d6be93;
}

.ds_chuong table th {
	background: #e5d6b2;
}

.ten_chuong a {
	font-weight: bold;
	color: #4c1107;
}
.ds_chuong table td a:hover {
	text-decoration: underline;
}

.ten_muc {
	float: left;
	display: block;
	width: 100%;
	background: url('https://lh5.googleusercontent.com/-hkqoMAnCI-s/U-3SNPjHcnI/AAAAAAAAANY/UYj6YHMfYMw/s1095/bg_tbl_tr.png') center top no-repeat;
	margin: 20px 0;
	padding: 5px 0 0 0;
}

.ten_muc span {
	display: block;
	font-size: 24px;
	line-height: 1.6;
	color: #333;
	font-weight: bold;
}

.nd_truyen {
display: inline-block;
margin: 20px 0 0 0;
width: 100%;
}

.nd_truyen img {
    margin: 10px auto !important;
    z-index: 1000;
    display: block;
    background-color: #000;
    min-height: 200px;
	max-width: 96%;
}

/* CSS Tac Gia */
.ds_tg, .tim_tg {
	display: block;
	float: left;
	width: 100%;
}

.tim_tg {
	margin: 20px 0 0 0;
	position: relative;
}

.tk_tg {
	float: left;
	display: block;
	position: relative;
	background-color: #4c1107;
	border: 1px solid #89371e;
	border-radius: 5px;
	box-shadow: inset 0 0 5px #3f0e06;
} 

.tim_tg a {
	display: block;
	float: left;
	color: #333;
	text-decoration: underline;
	line-height: 32px;
	margin: 0 0 0 20px;
	font-weight: bold;
}

.tim_tg a:hover {
	color: #f06841;
}

.list_tg {
	float: left;
	display: block;
	width: 100%;
	margin: 20px 0;
	list-style: none;
}

.list_tg li {
	float: left;
	display: block;
	width: 100%;
	border-bottom: 1px solid #d6be93;
}

.list_tg li a {
	display: inline-block;
	font-size: 100%;
	color: #333;
	height: 36px;
	line-height: 36px;
}
.list_tg li a:hover {
	text-decoration: underline;
}

.tk_alpha {
	float: left;
	display: block;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 13px 0 0 0;
}

.tk_alpha ul {
	float: left;
	display: block;
	width: 100%;
	list-style: none;
}

.tk_alpha ul li {
	display: block;
	float: left;
	margin: 5px;
}

.tk_alpha ul li a {
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	color: #333;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #d4bc90;
	background: url('https://lh5.googleusercontent.com/-fE8rOHB8BVA/U-3SNpTVTOI/AAAAAAAAANc/hu8PgSeIslo/bg_thugian.png');
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	text-transform: uppercase;
}
.tk_alpha ul li a:hover {
	background: none;
	border: 1px solid #a2895b;
}

.thumb{position: relative;overflow: hidden;background-position: center center !important;}
.w260{width: 260px;height: 145px;}
.w143{width: 143px;height: 128px;}
.shadow{box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5);}

#search-list-result{display: none;min-width: 400px;background-color: #fff;list-style: none;position: absolute;z-index: 99;top: 30px;}
#search-list-result li{padding: 10px 5px;border-bottom: solid 1px #ccc;}
#search-list-result li:hover{background-color:rgb(245, 239, 220)}
#search-list-result li a{text-decoration:none;color: #000;}
#search-list-result .highlight{color:blue;}
#search-list-result .more{cursor:default;color:blue;}


/* sub menu */
.parentmenu
{
	position: relative;
	z-index: 1;
    cursor: pointer;
}
.submenu {
    display: none;
    background: #343c46;
	position: absolute;
	z-index: 999;
	top: 41px;
}
.sub1{left: -45px; width: 190px;}.sub2{left: -105px; width: 190px;}.sub3{width: 905px; left: -370px;}
.parentmenu:hover .submenu
{
	display: table;
}
.submenu ul
{
	display: table-cell;
	padding: 12px;
	padding-bottom: 5px;
}
.submenu ul
{
	padding-left: 20px;
}
.submenu ul > li
{	
    float: left;
    background: none;
	display: block;
	padding: 0 5px 0 0;	
}
.submenu ul > li > a
{
display: block;
font-size: 100%;
line-height: 32px;
padding: 0 10px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #c3ab8d;
min-width: 120px;
font-weight: normal;
border-bottom: 1px #5c5650 dotted;
text-transform:none;
}
.submenu ul > li:active{ background: none !important;}
.submenu ul > li > a:hover
{
    background: none;
	color: #fff;
	border-bottom: 1px #f2e9de dotted;    
}
/* sub menu */

#rating{position:absolute;z-index:0;right:0;top:15px;}
.rate-point{font-weight:bold;font-size:50pt;color:red;}
.rate-total{}
#rate-bar{background-color: #fff;}
i.reviewers-small {background-image: url('');
background-position: center;background-repeat: no-repeat;display: inline-block;height: 16px;position: relative;top: 3px;width: 16px;}


ul.share-box {margin-top: 0;margin-bottom: 0;padding-left: 0;list-style: none;}
ul.share-box > li {float: left;}
ul.share-box .fb-like-wrapper {height: 20px;}
ul.share-box .g-plusone-wrapper {height: 20px;margin-left: 5px;}

.scrollcontent{ overflow-y: scroll;height: 292px;display: block;}

.content-body{ text-align: center;}
.content-body .tim_trang {max-width: 230px;margin: 0 auto;}
.content-body .tim_trang ul {margin: 8px auto;clear: both;}
.content-body .tim_trang ul li select{width: 100%;padding: 3px 5px;background-image:none;}
.cover{float:left;display: block;max-width: 300px;width: 36%;max-height: 450px;padding: 5px 10px 3px 0;margin-left: 1%;}

/*paging*/
.paging{padding: 20px 0 50px;}
.paging .pright{ float: right;}
.paging a,.paging span{ background-color: #a0815d;color:#fff;border: solid 2px #c5b18a;padding: 3px 8px;border-radius: 5px;}
.paging .noneclick{ color: #b4b4b4;}
.paging a:hover,.paging a.selected{color: #daa442;text-decoration: underline;}
/*paging*/

.invisible{ display: none;}
.nonefloat{float:none !important;}
.rightfloat{float: right !important;}
.leftfloat{float: left !important;}

#carousel{width: initial !important; max-width: 940px !important; margin: 0 auto !important;z-index: 0 !important}
#carousel li .new_tit{ overflow: hidden;max-height: 40px;}
#carousel li p{ overflow: hidden;max-height: 40px;}
#carouselhot{max-width: 965px !important;width: auto !important;margin: 0 auto;margin-top: 30px;}

.fullbook{ background: url('https://lh6.googleusercontent.com/--DXOlm40FD0/U-3STl0iZVI/AAAAAAAAAPY/jHJqHS8jl4k/tag_chonbo.jpg') no-repeat;width: 48px;height: 15px;}
#fb-block{ width: 100%;overflow: hidden;}

.list_type{list-style: none;margin-left: 20px;}
.list_type li {display: block;float: left;margin: 0 10px 20px 0;width: 23%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list_type li  a{font-weight: bold;font-size: 120%;color: #233a6e;text-decoration: underline;}
.list_type li  a:hover{color:#e22c14}

/*popover*/
.well{background-color:#f5f5f5;margin-bottom:20px;padding:19px;min-height:20px;border:1px solid #eee;border:1px solid rgba(0,0,0,0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.modal-backdrop{background-color:#000;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{filter:alpha(opacity=80);-khtml-opacity:.8;-moz-opacity:.8;opacity:.8}.modal{position:fixed;top:50%;left:50%;z-index:11000;width:560px;margin:-250px 0 0 -280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}.modal .close{margin-top:7px}.modal.fade{-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-ms-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out;top:-25%}.modal.fade.in{top:50%}.modal-header{border-bottom:1px solid #eee;padding:5px 15px}.modal-body{padding:15px}.modal-body form{margin-bottom:0}.modal-footer{background-color:#f5f5f5;padding:14px 15px 15px;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;zoom:1;margin-bottom:0}.modal-footer:before,.modal-footer:after{display:table;content:"";zoom:1}.modal-footer:after{clear:both}.modal-footer .btn{float:right;margin-left:5px}.modal .popover,.modal .twipsy{z-index:12000}.twipsy{display:block;position:absolute;visibility:visible;padding:5px;font-size:11px;z-index:1000;filter:alpha(opacity=80);-khtml-opacity:.8;-moz-opacity:.8;opacity:.8}.twipsy.fade.in{filter:alpha(opacity=80);-khtml-opacity:.8;-moz-opacity:.8;opacity:.8}.twipsy.above .twipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000}.twipsy.left .twipsy-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000}.twipsy.below .twipsy-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000}.twipsy.right .twipsy-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000}.twipsy-inner{padding:3px 8px;background-color:#000;color:white;text-align:center;max-width:200px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.twipsy-arrow{position:absolute;width:0;height:0}.popover{position:absolute;top:0;left:0;z-index:99999;padding:5px;display:none}.popover.above .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000}.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000}.popover.below .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000}.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000}.popover .arrow{position:absolute;width:0;height:0}.popover .inner{background:#000;background:rgba(0,0,0,0.8);padding:3px;overflow:hidden;width:420px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3)}.popover .title{background-color:#f5f5f5;padding:9px 15px;line-height:15px;font-size:13px;color:#245479;margin:0;font-weight:bold;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;border-bottom:1px solid #eee}.popover .content{background-color:#fff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}.popover .content > p{margin:0;padding:5px 15px;line-height:18px;}.popover .content p,.popover .content ul,.popover .content ol{margin-bottom:0}.fade{-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-ms-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0}.fade.in{opacity:1}.label{padding:1px 3px 2px;font-size:9.75px;font-weight:bold;color:#fff;text-transform:uppercase;white-space:nowrap;background-color:#bfbfbf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.label.important{background-color:#c43c35}.label.warning{background-color:#f89406}.label.success{background-color:#46a546}.label.notice{background-color:#62cffc}.media-grid{margin-left:-20px;margin-bottom:0;zoom:1}.media-grid:before,.media-grid:after{display:table;content:"";zoom:1}.media-grid:after{clear:both}.media-grid li{display:inline}.media-grid a{float:left;padding:4px;margin:0 0 18px 20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.075);box-shadow:0 1px 1px rgba(0,0,0,0.075)}.media-grid a img{display:block}.media-grid a:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25);box-shadow:0 1px 4px rgba(0,105,214,0.25)}
.infobottom{font-size:90%;color:magenta;margin-top:10px}.infobottom label{color:#333;font-weight:bold;font-size:80%}
.col1,.col2,.col3,.col4{width:23%;float:left;margin-left:2%}
.col1{width:20%;margin-left:0}.col2{width:21%;}
/*popover*/
@media screen and (max-width: 1184px) {
	.wrap {		
		max-width: initial;
		margin: 0 auto;
		position: relative;
	}
	
	.menu_top {		
        max-width: initial;
		background: url('https://lh4.googleusercontent.com/-8M3-zQ-60x0/U-3SMqpgpeI/AAAAAAAAANM/D5pObK4qWmI/bg_menu3.png') left top repeat-x;
		padding: 42px 0 14px 0;
	}
	.ic_option {margin: 0 0 0 10px;}
	.ic_frog {display: none;}
    .sub1{left: -90px;}
    .sub2{left: -125px;width: auto;}
	.new_arr_right,.hot_arr_right {right: 0;}
	.new_arr_left,.hot_arr_left { left: 0;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For ipad landscape layouts only */
  .nd_menu_top{overflow: hidden;height: 40px;}
}
@media only screen and (max-width: 1016px) {    
    .l_dangdoc {max-width: 100%;}
	.r_dangdoc {width: 100%;}
    .nd_gt hr.filigree{margin: 0px auto;}
    #rating{ margin-right: 10px;}
    #ads-sidebar-1{ display: none;}
}
@media only screen and (max-width: 875px) {
    .nd_menu_top{overflow: hidden;width: 60%;height: 40px;}
    #search-list-result{left: -220px;}
}
@media only screen and (max-width: 700px) {
    .option{width: auto;min-width: 165px;}
    .ic_option{ display: none;}
    .nd_tk{ width: 180px;}
}
@media only screen and (min-width: 630px) {
    .sb-slidebar{ display: none !important;}
}
@media only screen and (max-width: 630px) {
    body{background-image:none;background-color:#e5d2a8}
	.nd_menu_top{ display: none;}
    .sb-toggle-left{display: block}    
    input.nd_tk:focus{ width: auto;}	
    .top{ background: none;padding: 0;}
	.hot_nhat{background: none;}	
}
@media only screen and (max-width: 575px) {
  #rating{float: right;margin-right: 20%;}
  .chia_se{display:none;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .list_dangdoc li {margin: 0 1% 20px 2%;}
    .list_hot li{margin: 0 6px 0 8px;}

    .f_menu{width: 110px;margin-left: 7%;}
    .f_menu a{margin: 0 auto;padding: 5px 0;width: 100%;}
    .link_lket {float: right;width: 80px;margin-right: 8px;}
    .link_lket a {padding-bottom: 8px;}
    #rating{margin-right: 5%;}
    .cover{width: 50%;}

    #search-list-result{left: -120px;min-width: 300px;width: 300px}
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    .list_dangdoc li {margin:0 1% 20px 2%;}
    .f_menu{width: 110px;margin-left: 7%;}
    .f_menu a{margin: 0 auto;padding: 5px 0;width: 100%;}
    .link_lket {float: right;width: 80px;margin-right: 8px;}
    .link_lket a {padding-bottom: 8px;}
    .list_hot li{margin: 0 7px 0 8px;}
    #rating{margin-right: 5%;}
    .cover{width: 50%;}    
}

.quicksearch-visited{font-size: 80%;white-space: nowrap;color: red;position: absolute;right: 5px;margin-top: -2px;}